<template>
  <div id="banner" style="height: 100%">
    <el-card class="box-card" style="height: 90%">
      <div slot="header" class="clearfix">
        <span>病人信息</span>
      </div>
      <div class="text item">
        <el-image
          style="width: 100px; height: 100px"
          src="../static/old.jpg"></el-image><br>
        姓名：胡俊<br>
        年龄：65<br>
        职业：退休<br>
        症状：发烧头痛，胸部不舒服<br>
      </div>
      <el-card class="box-card" style="height: 400px;overflow: auto">
        <div slot="header" class="clearfix">
          <span>查看检验报告</span>
        </div>
        <div v-for="item in $store.state.dialogues[0]" v-if="item.withEmbbed === true">
          <table style="margin: 0 auto">
            <tr>
              <td style="width: 50%">{{item.q}}</td>
<!--              <td style="width: 50%"><el-button type="primary" size="mini">查看</el-button></td>-->
              <td>
                <el-popover
                  placement="right"
                  width="400"
                  trigger="click">
                  <img :src="item.src">
                  <el-button slot="reference" size="mini">查看报告</el-button>
                </el-popover>
              </td>
            </tr>
          </table>
        </div>
      </el-card>
    </el-card>
    <el-card style="height: 9.6%">
      <a>1.0.5 - Released Edition</a>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "Banner",
}
</script>

<style scoped>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both
}

.box-card {
  width: 99%;
}



</style>
